<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单控件form</title>
</head>
<body>
<form action="#">
  用户名:<input type="text" name="username" placeholder="请输入用户名" maxlength="10" value="tom" readonly>
  <br>
  密码:<input type="password" name="password" placeholder="请输入密码">
  <br>
  性别:<input type="radio" name="gender" checked value="1">男<input type="radio" name="gender" value="0">女
  <br>
  爱好:<input type="checkbox" name="hobby" value="cy">抽烟
  <input type="checkbox" name="hobby" value="sw">游泳</input>
  <input type="checkbox" name="hobby" value="sw">跑步</input>
  <br>
  头像:<input type="file" name="avatar">
  <br>
  生日:<input type="date">
  <br>
  颜色:<input type="color">
  <br>
  缩放:<input type="range">
  <br></br>

  城市:<select name="city">
    <option value="beijing">北京</option>
    <option value="shanghai" selected>上海</option>
    <option value="guangzhou">广州</option>
  </select>
  <br>
  留言板:<textarea name="message"  cols="30" rows="10"></textarea>
  <br>
  <input type="submit" value="登录">
  <input type="reset" value="重置">
  <input type="button" value="按钮">
  <button onclick="alert('你点击了按钮')">按钮</button>
  <input type="checkbox" id="agree">
  <label for="agree">我同意</label>
</form>
</body>
</html>